<f:view>
    <h:outputText value="Recovery your Password" style="font-size: 20px; font-weight: bold;"/>
    <a4j:region>
    <h:form id="recoveryForm">
        <h:messages globalOnly="true" style="color: red" styleClass="errorMessage" rendered="#{!registerUserBean.recoveryOk}"/>
        <h:messages globalOnly="true" rendered="#{registerUserBean.recoveryOk}"/>
        <h:panelGrid columns="3" rendered="#{!registerUserBean.recoveryOk}">
            <h:outputText value="(*) Email Address:"/>
            <h:inputText id="email" maxlength="50" value="#{registerUserBean.emailSearch}" size="30" required="true" requiredMessage="The email is required"/>
            <h:message for="email" style="color: red" styleClass="errorMessage"/>
            
            <h:panelGrid columns="2">
                <a4j:commandButton id="submit" type="submit" value="Recovery" action="#{registerUserBean.recoveryPassword}" reRender="recoveryForm"/>
                <a4j:status>
                    <f:facet name="start">
                        <h:graphicImage  value="/images/ajax_process.gif"/>
                    </f:facet>
                </a4j:status>
            </h:panelGrid>
        </h:panelGrid>
    </h:form>
    </a4j:region>
    <h:form>
        <h:outputLink value="/site/faces/welcome.jsp">
            <h:outputText value="Go to Welcome Page"></h:outputText>
        </h:outputLink>
    </h:form>
    <rich:separator height="1" />
</f:view>